<template>
  <div>
    <div style="background:#e5e5e5;min-height:100%;position:absolute;width:100%;font-size:14px;">
      <van-tabs v-model="active" color="#3ca2df" line-height="2">
        <van-tab title="通话记录">内容 1</van-tab>
        <van-tab title="信息">
          <div style="margin:5px 0">
            <van-tabs v-model="canversationClassActive" color="#fff" line-height="2">
              <van-tab title="普通信息">
                <information />
              </van-tab>
              <van-tab title="重要信息">
                <information />
              </van-tab>
              <van-tab title="商友信息">内容 3</van-tab>
              <van-tab title="群聊信息">
                <information />
              </van-tab>
              <van-tab title="更多信息">内容 4</van-tab>
            </van-tabs>
          </div>
        </van-tab>
        <van-tab title="通信录">内容 3</van-tab>
        <van-tab title="删除">内容 4</van-tab>
      </van-tabs>
    </div>
    <bottomTab />
  </div>
</template>
<script>
import information from "@/components/conversation/information.vue";
import bottomTab from "../Home.vue";
export default {
  components: {
    bottomTab,
    information
  },
  data: () => ({
    active: 1,
    canversationClassActive: 0
  }),
  mounted() {},
  methods: {}
};
</script>